﻿<%@ Page Language="C#" MasterPageFile="~/Yumcha/MasterPage_YumCha.master" AutoEventWireup="true" CodeFile="CreateMenu.aspx.cs" Inherits="Yumcha_CreateMenu" Title="Untitled Page" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<div class="main_wrapper">
    <div id="left">
      <div class="box">
        <div class="box_main1">
          <div class="tit1"> <img Style="vertical-align: middle; padding-left: 12px;
                                    padding-right: 8px;" src="images/shopping_cart.png" /> YOUR CART </div>
          <div class="new-left1">
            <p style="font-weight: bold; margin-top: 5px"> Quantity : </p>
            <p style="color: Red; font-weight: bold"> Total Amount :
            <p style="text-align: center; font-weight: bold;"> <span style="color: white; border-radius: 8px 0 8px 0; padding: 6px; background: none repeat scroll 0px 0px rgb(198, 161, 69);">View Cart </span> </p>
          </div>
        </div>
      </div>
      <div class="box">
        <div class="box_main1">
          <div class="tit1"> <img Style="vertical-align: middle; padding-left: 12px;
                                    padding-right: 8px;" src="images/cooking_pot.png" /> FOOD EVERY DAY </div>
        </div>
        <div id="tickerContainer">
          <dl id="ticker" style="overflow: hidden;">
            <div style="margin-top: -48px; ">
              <dt class="heading">Xiao Long Bao<br />
                <span style="font-family: Arial; font-weight: bold; color: Red"> 73.00</span> </dt>
              <dd class="text"><a href="#"><img src="images/alacarte_07.jpg"  width="80" height="100"/></a> </dd>
            </div>
            <div style="margin-top: 0px; ">
              <dt class="heading">Xiao Long Bao <br />
                <span style="font-family: Arial; font-weight: bold; color: Red"> 73.00</span> </dt>
              <dd class="text"><a href="#"><img src="images/alacarte_02.jpg"  width="80" height="100"/></a> </dd>
            </div>
            <div style="margin-top: 0px; ">
              <dt class="heading">Xiao Long Bao<br />
                <span style="font-family: Arial; font-weight: bold; color: Red"> 73.00</span> </dt>
              <dd class="text"><a href="#"><img src="images/alacarte_05.jpg"  width="80" height="100"/></a> </dd>
            </div>
            <div style="margin-top: 0px; ">
              <dt class="heading">Xiao Long Bao<br />
                <span style="font-family: Arial; font-weight: bold; color: Red"> 73.00</span> </dt>
              <dd class="text"><a href="#"><img src="images/alacarte_09.jpg"  width="80" height="100"/></a> </dd>
            </div>
            <div style="margin-top: 0px; ">
              <dt class="heading">Xiao Long Bao <br />
                <span style="font-family: Arial; font-weight: bold; color: Red"> 73.00</span> </dt>
              <dd class="text"><a href="#"><img src="images/alacarte_06.jpg"  width="80" height="100"/></a> </dd>
            </div>
            <div style="margin-top: 0px; ">
              <dt class="heading">Xiao Long Bao <br />
                <span style="font-family: Arial; font-weight: bold; color: Red"> 73.00</span> </dt>
              <dd class="text"><a href="#"><img src="images/alacarte_03.jpg"  width="80" height="100"/></a> </dd>
            </div>
          </dl>
        </div>
        <script type="text/javascript">
	  $(function() {
	  
		//cache the ticker
		var ticker = $("#ticker");
		  
		//wrap dt:dd pairs in divs
		ticker.children().filter("dt").each(function() {
		  
		  var dt = $(this),
		    container = $("<div>");
		  
		  dt.next().appendTo(container);
		  dt.prependTo(container);
		  
		  container.appendTo(ticker);
		});
				
		//hide the scrollbar
		ticker.css("overflow", "hidden");
		
		//animator function
		function animator(currentItem) {
		    
		  //work out new anim duration
		  var distance = currentItem.height();
			duration = (distance + parseInt(currentItem.css("marginTop"))) / 0.025;

		  //animate the first child of the ticker
		  currentItem.animate({ marginTop: -distance }, duration, "linear", function() {
		    
			//move current item to the bottom
			currentItem.appendTo(currentItem.parent()).css("marginTop", 0);

			//recurse
			animator(currentItem.parent().children(":first"));
		  }); 
		};
		
		//start the ticker
		animator(ticker.children(":first"));
				
		//set mouseenter
		ticker.mouseenter(function() {
		  
		  //stop current animation
		  ticker.children().stop();
		  
		});
		
		//set mouseleave
		ticker.mouseleave(function() {
		          
          //resume animation
		  animator(ticker.children(":first"));
		  
		});
	  });	  
    </script> 
      </div>
    </div>
    <div id="right">
      <div class="box4" style="margin-top: 15px">
        <div class="box_main4">
          <div class="box_pro">
            <div class="">
        <div class="four columns">
          <div class="img-container"> <a rel="lightbox-mygallery" title="Steam Spinach Prawn Dumpling" href="images/dimsum_01.jpg"> <img src="images/dimsum_01.jpg" alt="" class="scale-with-grid" /></a></div>
          <div class="top15">
            <div class="title">Glutinous Rice Roll</div>
          </div>
        </div>
        <div class="four columns">
          <div class="img-container"> <a rel="lightbox-mygallery" title="Steam Spinach Prawn Dumpling" href="images/dimsum_02.jpg"> <img src="images/dimsum_02.jpg" alt="" class="scale-with-grid" /></a></div>
          <div class="top15">
            <div class="title"> Glutinous Rice Roll</div>
          </div>
        </div>
        <div class="four columns">
          <div class="img-container"> <a rel="lightbox-mygallery" title="Steam Spinach Prawn Dumpling" href="images/dimsum_03.jpg"> <img src="images/dimsum_03.jpg" alt="" class="scale-with-grid" /></a></div>
          <div class="top15">
            <div class="title"> Steam Spinach Prawn Dumpling</div>
          </div>
        </div>
        <div class="four columns">
          <div class="img-container"> <a rel="lightbox-mygallery" title="Steam Spinach Prawn Dumpling" href="images/dimsum_04.jpg"> <img src="images/dimsum_04.jpg" alt="" class="scale-with-grid" /></a></div>
          <div class="top15">
            <div class="title"> Glutinous Rice Roll</div>
          </div>
        </div>
        <div class="four columns">
          <div class="img-container"> <a rel="lightbox-mygallery" title="Steam Spinach Prawn Dumpling" href="images/dimsum_05.jpg"> <img src="images/dimsum_05.jpg" alt="" class="scale-with-grid" /></a></div>
          <div class="top15">
            <div class="title"> Steam Spinach Prawn Dumpling</div>
          </div>
        </div>
        <div class="four columns">
          <div class="img-container"> <a rel="lightbox-mygallery" title="Steam Spinach Prawn Dumpling" href="images/dimsum_06.jpg"> <img src="images/dimsum_06.jpg" alt="" class="scale-with-grid" /></a></div>
          <div class="top15">
            <div class="title">Glutinous Rice Roll</div>
          </div>
        </div>
        <div class="four columns">
          <div class="img-container"> <a rel="lightbox-mygallery" title="Steam Spinach Prawn Dumpling" href="images/dimsum_07.jpg"> <img src="images/dimsum_07.jpg" alt="" class="scale-with-grid" /></a></div>
          <div class="top15">
            <div class="title"> Steam Spinach Prawn Dumpling</div>
          </div>
        </div>
        <div class="four columns">
          <div class="img-container"> <a rel="lightbox-mygallery" title="Steam Spinach Prawn Dumpling" href="images/dimsum_08.jpg"> <img src="images/dimsum_08.jpg" alt="" class="scale-with-grid" /></a></div>
          <div class="top15">
            <div class="title"> Steam Spinach Prawn Dumpling</div>
          </div>
        </div>
        <div class="four columns">
          <div class="img-container"> <a rel="lightbox-mygallery" title="Steam Spinach Prawn Dumpling" href="images/dimsum_09.jpg"> <img src="images/dimsum_01.jpg" alt="" class="scale-with-grid" /></a></div>
          <div class="top15">
            <div class="title"> Glutinous Rice Roll</div>
          </div>
        </div>
        <div class="four columns">
          <div class="img-container"> <a rel="lightbox-mygallery" title="Steam Spinach Prawn Dumpling" href="images/dimsum_10.jpg"> <img src="images/dimsum_01.jpg" alt="" class="scale-with-grid" /></a></div>
          <div class="top15">
            <div class="title"> Steam Spinach Prawn Dumpling</div>
          </div>
        </div>
        <div class="four columns">
          <div class="img-container"> <a rel="lightbox-mygallery" title="Steam Spinach Prawn Dumpling" href="images/dimsum_11.jpg"> <img src="images/dimsum_11.jpg" alt="" class="scale-with-grid" /></a></div>
          <div class="top15">
            <div class="title">Glutinous Rice Roll</div>
          </div>
        </div>
        <div class="four columns">
          <div class="img-container"> <a rel="lightbox-mygallery" title="Steam Spinach Prawn Dumpling" href="images/dimsum_01.jpg"> <img src="images/dimsum_01.jpg" alt="" class="scale-with-grid" /></a></div>
          <div class="top15">
            <div class="title"> Steam Spinach Prawn Dumpling</div>
          </div>
        </div>
      </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</asp:Content>

